<template>
    <div class="input-demo">
        <kButton></kButton>
        <Input v-model="tel" placeholder="请输入内容">
        <template #prepend>
            http://
        </template>
        </Input>
        <br>
        <br>
        <Input v-model="tel" placeholder="请输入内容">
        <template #append>
            .com
        </template>
        </Input>
    </div>
</template>
<script lang="ts" setup>
import { Input, Button } from 'kitty-ui'
import { ref } from 'vue';
const tel = ref('')
</script>
<style lang="less">
.input-demo {
    padding: 100px;
    width: 400px;
}
</style>
